user flag

code:app.css

.shared-cursors {

pointer-event: none

}

.shared-cursors .cursor {

z-index: 101;

width: 2px;

opacity: .7;

height: 20px;

background-color: green;

& .user-flag {

margin-top: -7px;

width: 50px;

height: 14px;

font-size: 10px;

line-height: 14px;

padding: 0 2px;

background-color: green;

white-space: nowrap;

text-overflow: ellipsis;

overflow: hidden;

}

}

.shared-cursors .cursor.outside-top {

z-index: 1001;

opacity: .3;

& .user-flag { margin-top: 7px; }

}

.shared-cursors .cursor.outside-bottom {

z-index: 1001;

opacity: .3;

& .user-flag { margin-top: -7px; }

}